﻿<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head>
		<title>小窝社区</title>
		<th:block th:replace="~{/frontdesk/resources::common_css}"/>
		<th:block th:replace="~{/frontdesk/resources::common_js}"/>
	</head>
	<body>

	<!-- THE LOADER -->

	<div class="be-loader">
	    	<div class="spinner">
				<div class="spinner-container container1">
			    <div class="circle1"></div>
			    <div class="circle2"></div>
			    <div class="circle3"></div>
			    <div class="circle4"></div>
				</div>
			  	<div class="spinner-container container2">
			    <div class="circle1"></div>
			    <div class="circle2"></div>
			    <div class="circle3"></div>
			    <div class="circle4"></div>
			  	</div>
			  	<div class="spinner-container container3">
			    <div class="circle1"></div>
			    <div class="circle2"></div>
			    <div class="circle3"></div>
			    <div class="circle4"></div>
  				</div>
			</div>
	    </div>
	<!-- THE HEADER -->
	<header th:replace="~{/frontdesk/header::header}"></header>
		
	<!-- MAIN CONTENT -->
	<div id="content-block">
		<div class="container be-detail-container">
			<div class="row">
				<div class="col-xs-12 col-sm-9">
					<div class="blog-wrapper blog-list">

						<div class="blog-post be-large-post">
							<div class="info-block clearfix">
							</div>
							<div class="be-large-post-align">
								<h2 class="be-post-title" th:text="${post.postTitle}"></h2>

								<span class="be-text-tags clearfix">
									<div class="author-post">
										<img th:src="${post.member.profilePicture}" alt="" class="ava-author">
										<span>by <a th:text="${post.member.username}"></a></span>
									</div>
								</span>
								<div class="clear"></div>
							</div>
							<div class="post-preview be-large-post-slider">
								<div class="swiper-container" data-autoplay="0" data-loop="1" data-speed="500" data-center="0" data-slides-per-view="1">
									<div class="swiper-wrapper">
										<div class="swiper-slide active" data-val="0">
											<img class="img-responsive img-full" th:src="${post.postImage}" alt="">
										</div>

									</div>
									<div class="pagination hidden"></div>

								</div>
							</div>
							<div class="blog-content be-large-post-align">
								<div class="post-text " th:utext="${post.postDesc}">
								</div>
							</div>

						</div>

					</div>
				</div>
				<div class="col-xs-12 col-sm-3">
					<form action="./" class="input-search">
						<input type="text" required placeholder="搜索内容">
							<i class="fa fa-search"></i>
							<input type="submit" value="">
					</form>
					<div class="be-vidget">
						<h3 class="letf-menu-article">
							小窝社区
						</h3>
						<div class="creative_filds_block">
							<div class="ul">
								<a href="/frontdesk/blog-detail-2.html">友好		</a>
								<a href="/frontdesk/blog-detail-2.html">和谐			</a>
								<a href="/frontdesk/blog-detail-2.html">安静	</a>
								<a href="/frontdesk/blog-detail-2.html">安全		</a>
								<a href="/frontdesk/blog-detail-2.html">智能管理		</a>
							</div>
						</div>
					</div>



				</div>
			</div>
		</div>
	</div>
	<!-- THE FOOTER -->
	<footer th:replace="~{/frontdesk/footer::footer}"></footer>

	<div class="be-fixed-filter"></div>

	<footer th:replace="~{/frontdesk/login::login}"></footer>
	<footer th:replace="~{/frontdesk/register::register}"></footer>


	</body>
</html>